/*
Theme Name: NTH framework
Version: 1.2
Author: Nikolay Gromov
Author URI: http://nicothin.ru
License: Creative Commons Attribution-ShareAlike (by-sa)
*/

/* HELP 
font-family: YOUR-FONT, Arial, Helvetica, sans-serif;
font-family: YOUR-FONT, "Times New Roman", Times, serif;
font-family: YOUR-FONT, "Courier New", Courier, monospaced;

html {font-size: 62.5%}	  ---   1em = 10px
http://riddle.pl/emcalc/
*/


/* BLOCKS */
#page {width: 94%; max-width: 81em; min-width: 750px; margin: 1em auto; background-color: #FFF; border: 1px solid #d4d4d4; position: relative}
#header {border-bottom: 1px solid #d4d4d4}
	.site-logo {}
	.site-description {}
#nav {border-bottom: 1px solid #d4d4d4}
	#nav ul {width: 100%; overflow: hidden; margin: 0 !important}
	#nav li {float: left; padding: .5em 1em .5em 0}
	#nav-active {}
#wrap {}
	#content {width: 100%; float: left}
		#content .padding {padding: 1em 1.5em; border-right: 1px solid #d4d4d4; margin-right: 320px}
	#aside {width: 320px; float: left; margin-left: -320px}
		#aside .padding {padding: .1em 1em; border-left: 1px solid #d4d4d4; margin-left: -1px}
		#aside .padding > div {width: 100%; overflow: hidden; margin-bottom: -1em!important}
		.search {}
			.search-text {width: 200px}
			.search-button {width: 70px}
		.login {}
			.password label, .username label, .submit {display: block; width: 40%; float: left; padding: .3em 0 .15em 0}
			#username, #password {width: 53%}
			.submit {width: 40%; float: left}
			.submit input {width: 80px}
			.login ul {width: 53%; float: left}
		.contact {}
			.contact ul li {width: 100%; overflow: hidden; margin-bottom: .3em}
			.contact ul li span.contact-type {width: 40%; float: left}
			.contact ul li span.contact-item {width: 60%; float: left}
#footer {border-top: 1px solid #d4d4d4; clear: both; padding: .5em 1.5em}

/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif!important} 
body {font-size: 1.4em; line-height: 1.5em; color: #383838; background-color: #F7F7F7}
strong, b, th, thead td, em {font-weight: bold}
h1, h2, h3 {font-family: Cambria, "Times New Roman", Times, serif;}
h1 {font-size: 2em; margin: 1.2em 0 .7em; color: #2c7f77} 
h2 {font-size: 1.57em; margin: 1.1em 0 .5em; color: #2f716a}
h3 {font-size: 1.36em; margin: 1.2em 0 .5em; color:#335c57}
h4 {font-size: 1.21em; margin: 1.2em 0 .4em; color:#2f716a}
h5 {font-size: 1.07em; margin: 1.2em 0 .4em; color:#335c57}
h6 {font-size: 1.0em; margin: 1.4em 0 .4em; color:#335c57; }
cite, em, dfn, i {font-style: italic}
code, kbd, samp, pre, tt, var {font-size: 0.93em; font-family: "Lucida Console", "Courier New", Courier, monospaced;}
pre {border: 1px solid #d4d4d4; width: 98%!important; overflow: auto; position: relative; padding: .5em}
del, strike, s  {text-decoration: line-through; color: #666}
ins, dfn, u {border-bottom: 1px solid #999}
small {font-size: 85%}
sup, sub {font-size: 80%; font-family: Arial, Helvetica, sans-serif}
big {font-size: 130%}
abbr {text-transform: uppercase; letter-spacing: .1em}
a abbr, a acronym {border: none}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc}
sup {vertical-align: super}
sub {vertical-align: sub}
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: .5em 1em 0; margin-left: 1.2em}
blockquote > p {margin-bottom: .8em!important}
q {quotes: "\00AB" "\00BB" "\2018" "\2019"}
/* #wrap only */
#wrap hr, #wrap p, #wrap ul, #wrap ol, #wrap dl, #wrap pre, #wrap blockquote, #wrap address, #wrap table, #wrap form, #wrap iframe {margin-bottom: 1.14em}
#wrap p+p, #wrap p+ul, #wrap p+ol, #wrap p+blockquote {margin-top: -0.5em}
#wrap form div {margin-bottom: .8em}

/* LISTS */
#wrap ul {list-style: disc outside; margin-left: 2.29em}
#wrap ul ul, #wrap ol ul {list-style: circle}
#wrap ul ul ul {list-style: disc}
#wrap ol ul ol {margin-left: 2.29em}
#wrap ol {list-style: decimal outside; margin-left: 2.29em}
#wrap ul ul, #wrap ol ol, #wrap ul ol, #wrap ol ul {margin: 0 0 .5em 1.5em}
dt {font-weight: bold; margin: .8em 0 0}
dd {margin: 0 0 0 1.57em}
/* #aside only */
#wrap #aside ul {margin-left: 0; list-style:none}

/* FORMS */
input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select {font-family: Arial, Helvetica, sans-serif}
fieldset {border: 1px solid #ccc; padding: 0 1em 1em 1em; margin: 1.6em 0}
legend {background: #fff; padding: 0 .8em; font-size:1.29em; color:#335c57}
legend+* {margin-top: 1em}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff}
textarea, input {padding: .3em .4em}
input[type='submit'] {padding: .2em .4em}
select {padding: .1em .2em .1em .1em}
option {padding: .1em .4em .1em}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #DCDAFC}
input, select {cursor: pointer}
input[type='text'], input[type='password'] {cursor: text}

/* TABLES */
table {border-collapse: separate; background-color: #ccc; border-spacing: 1px}
tr {background-color: #fff}
th, td {padding: .4em .6em}
tr.odd {background-color: #f5f5f5}
caption {border: 2px solid #e0e0e0; border-bottom: none; text-align:center; padding: .8em 0; font-size:1.29em; color:#335c57}


/* LINKS */
a:link {color: #36c; text-decoration:underline}
a:visited {color: #99c; text-decoration:underline}
a:hover {color: #c33; text-decoration:none}
a:active, a:focus {color: #000; text-decoration:underline}
#aside a:link, #aside a:visited, #aside a:active, #aside a:focus {text-decoration:none}

/* TOOLBOX */
.hide {display: none}
.show {display: block}
img.alignright {float: right; mapgin:.2em 0 .2em .8em}
img.alignleft {float: left; margin:.2em .8em .2em 0}
img.aligncenter {display:block; margin:.2 auto .8em}
.relative {margin-top: -1.14em!important}
p.more {text-align: right}
p.more a[href]:after {content: " →"}